<div class="row">

    <div class="col-md-2.5" style="padding-left: 15px">
        <select [disabled] = 'disabled' name="select" id="selec4" class="form-control" [(ngModel)]="provinceString" (change)="getcityData()">
            <option value="">选择省份</option>
            <option *ngFor="let item of provinceData let i = index" [value]="i">{{item.name}}</option>
        </select>
    </div>
    <div class="col-md-2.5" style="padding-left: 15px">
        <select [disabled] = 'disabled' name="select" id="selec5" class="form-control" [(ngModel)]="districtString" (change)="getcountyData()">
            <option value="">选择市</option>
            <option *ngFor="let item of districtData let i = index" [value]="i">{{item.name}}</option>
        </select>
    </div>
    <div class="col-md-2.5" style="padding-left: 15px">
        <select [disabled] = 'disabled' name="select" id="selec6" class="form-control" [(ngModel)]="countyString" (change)="gettownshipdata()">
            <option value="">选择县/区</option>
            <option *ngFor="let item of countyData let i = index" [value]="item.code">{{item.name}}</option>
        </select>
    </div>
    <div *ngIf="needTowns" class="col-md-2.5" style="padding-left: 15px">
        <select [disabled] = 'disabled' name="select" id="selec7" class="form-control" [(ngModel)]="townshipString" (change)="ownship()">
            <option value="">选择乡/镇</option>
            <option *ngFor="let item of townshipData let i = index" [value]="i">{{item.name}}</option>
        </select>
    </div>
</div>
